.top-nav-con[data-v-665de8e3]{width:100%;height:1rem;display:-webkit-box;display:-ms-flexbox;display:flex;display:-webkit-flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;position:fixed;top:0;left:0}.top-nav-con .top-nav-left[data-v-665de8e3]{position:absolute;z-index:501;padding-left:.2rem}h3[data-v-665de8e3]{text-align:center;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;color:#fff;font-size:.35rem;position:absolute;width:100%;height:100%;z-index:500;line-height:1rem;padding:0 .7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}.right[data-v-665de8e3]{position:absolute;right:.2rem;top:0;height:100%;z-index:501}.title-box[data-v-665de8e3]{text-align:center;-webkit-box-flex:0;-ms-flex:0 0 100%;flex:0 0 100%;color:#fff;font-size:.35rem;position:absolute;width:100%;height:100%;z-index:500;line-height:1rem;padding:0 .7rem;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:1}[data-v-6af8d3f3]:export{mainColor:#13aeba;colorf5:#f5f5f5;color999:#999;color92:#929292;colorBg:#f9f9f9;colorPrice:#ff552e;colorError:#ff5257;colorWarn:#ff7d41}[data-v-6af8d3f3] .top-nav-con{z-index:9999!important}.switch-roles-comp[data-v-6af8d3f3]{min-height:100%;padding-top:1rem;background:#fff;width:100%;padding-bottom:.5rem}.switch-roles-comp .roles[data-v-6af8d3f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap}.switch-roles-comp .roles .roles-item[data-v-6af8d3f3]{width:50%;margin-top:.8rem}.switch-roles-comp .roles .roles-item .roles-item-title[data-v-6af8d3f3]{text-align:center;font-size:.4rem;font-family:Microsoft YaHei Bold,Microsoft YaHei Bold-Bold;font-weight:700;color:#282828}.switch-roles-comp .roles .roles-item .roles-item-icon[data-v-6af8d3f3]{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding:.6rem .4rem}.switch-roles-comp .roles .roles-item .roles-item-icon img[data-v-6af8d3f3]{width:.9rem;height:.9rem}.switch-roles-comp .roles .roles-item .roles-item-desc[data-v-6af8d3f3]{padding:0 .2rem;text-align:center;color:#95959a;font-size:.24rem;line-height:.32rem}.switch-roles-comp .roles .roles-item .rolesDiv[data-v-6af8d3f3]{width:100%;height:.7rem;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:center;-ms-flex-align:center;align-items:center;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;padding-top:.2rem}.switch-roles-comp .roles .roles-item .rolesDiv .rolesBtn[data-v-6af8d3f3]{padding:.1rem .2rem;border-radius:1rem;background-color:#13aeba;font-size:.24rem;color:#fff}